<template>
  <div id="markdown">
    <el-main class="content-content">
      <mavon-editor
        v-model="editorContent"
        :ishljs="true"
        :subfield="false"
        ref="md"
        @input="input()"
      />
    </el-main>
  </div>
</template>

<script>
export default {
  data() {
    return {

      editorContent: ""
      //   d_image_file: [],
      //   d_preview_imgsrc: null, // 图片预览地址
    };
  },

  created() {
  },
  mounted() {
  },
  methods: {
    input() {
      console.log(this.editorContent)
      this.$emit('passtofather', this.editorContent)
    }
    // $imgAdd(pos, $file) {
    //   // 第一步.将图片上传到服务器.
    //   var formdata = new FormData();
    //   formdata.append("image", $file);
    //   this.img_file[pos] = $file;
    //   this.$http({
    //     url: "/api/edit/uploadimg",
    //     method: "post",
    //     data: formdata,
    //     headers: { "Content-Type": "multipart/form-data" },
    //   }).then((res) => {
    //     let _res = res.data;
    //     // 第二步.将返回的url替换到文本原位置![...](0) -> ![...](url)
    //     this.$refs.md.$img2Url(pos, _res.url);
    //   });
    // },
    // $imgDel(pos) {
    //   delete this.img_file[pos];
    // },
  },
};
</script>

<style>
.content-content {
  width: 100%;
  height: 100%;
}
</style>
